<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用外部样式</title>
    <!-- 引入 已定义好的css样式  01.链接式  优先加载css文件到页面中-->
    <!--<link type="text/css" rel="stylesheet" href="css/style.css">-->
    <!-- 02.导入式 优先加载html页面，之后再加载css样式-->
    <style type="text/css">
        @import "css/style.css";
    </style>
</head>
<body>
    <div>这是一个div1</div>
    <div>这是一个div2</div>

</body>
</html>